import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import Storage from "./utils/storage"
import {
  Layout,
  Input,
  InputNumber,
  Button,
  Switch,
  Radio,
  Checkbox,
  Select,
  Card,
  Form,
  Row,
  Col,
  Modal,
  Table,
  Tabs,
  List,
  Menu,
  Tooltip,
  Alert,
  Tag,
  Divider,
  DatePicker,
  TimePicker,
  Upload,
  Breadcrumb,
  Popconfirm,
  Avatar,
  Tree
} from "ant-design-vue";

import "./styles/app.less"
import "./styles/variable.less"

window.__STORAGE__ = Storage;

// 5. 创建并挂载根实例
const app = createApp(App);

app
  .use(Layout)
  .use(Input)
  .use(InputNumber)
  .use(Button)
  .use(Switch)
  .use(Radio)
  .use(Checkbox)
  .use(Select)
  .use(Card)
  .use(Form)
  .use(Row)
  .use(Col)
  .use(Modal)
  .use(Table)
  .use(Tabs)
  .use(List)
  .use(Menu)
  .use(Tooltip)
  .use(Alert)
  .use(Tag)
  .use(Divider)
  .use(DatePicker)
  .use(TimePicker)
  .use(Upload)
  .use(Breadcrumb)
  .use(Popconfirm)
  .use(Avatar)
  .use(Tree);

app.use(store);
//确保 _use_ 路由实例使
//整个应用支持路由。
app.use(router);

app.mount("#app");
